<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="description" content="Description">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css">
  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/pure.css">
  <link rel="stylesheet" href="./comic/comicgen.min.css">
  <style>
    .markdown-section {
      max-width: 90%;
    }

    .comic-tools {
      position: fixed;
      width: 540px;
      right: 0;
      top: 0;
      box-shadow: -2px 1px 10px 7px #6c757d75;
    }
  </style>
</head>

<body>
  <div id="app"></div>

  <script>
    window.$docsify = {
      name: 'Wulei Luck Blog',
      // coverpage: true,
      loadSidebar: true,
      loadNavbar: true,
      maxLevel: 3,
      subMaxLevel: 3,
      auto2top: true,
      autoHeader: true,
      repo: 'wjq1255/wuleiluck',
      themeColor: '#1890ff',
      plugins: [
        function (hook) {
          var footer = [
            '<hr/>',
            // '<div class="comic-tools">',
            // '<p>漫画</p>',
            // '<iframe src="./comic" frameborder="0" height="1000"></iframe></div>',
            '<footer>',
            '<span><a href="https://gitee.com/wjq1255/wuleiluck">WULEILUACK</a> &copy;2022.</span>',
            '<span>Proudly published with <a href="https://gitee.com/wjq1255/wuleiluck" target="_blank">磊生漫漫</a>.</span>',
            '</footer>'
          ].join('');

          hook.afterEach(function (html) {
            return html + footer;
          });
        },

        function (hook, vm) {
          hook.beforeEach(function (html) {
            return html;
          });
          // hook.beforeEach(function (html) {
          //   var url =
          //     'https://gitee.com/wjq1255/wuleiluck/blob/master/' +
          //     vm.route.file;
          //   var editHtml = '[📝 编辑](' + url + ')\n';
          //   return (
          //     html +
          //     ' ' +
          //     editHtml
          //   );
          // });
        },
        function (hook) {
          hook.afterEach(function (html, next) {
            next(html);
            // comicgen();
            comicgen('.comicgen')
          });
        }
      ]
    }
  </script>
  <!-- Docsify v4 -->
  <script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
  <!-- <script src="https://cdn.jsdelivr.net/npm/comicgen"></script> -->
  <!-- <script src="https://gramener.com/comicgen/dist/comicgen.min.js"></script> -->
  <script src="./node_modules/comicgen/dist/comicgen.min.js"></script>

</body>

</html>